<section mat-dialog-title class="zlyt-dialog-title">
  <span>请选择处理方式</span>
  <span class="zlyt-spacer"></span>
  <mat-icon class="zlyt-dialog-close" mat-dialog-close aria-label="close process method select dialog">close</mat-icon>
</section>
<section mat-dialog-content>
  <mat-accordion dispalymode="flat">
    <ng-container *ngFor="let item of menus;let index=index;">
      <mat-expansion-panel [expanded]="index===0">
        <mat-expansion-panel-header>
          <mat-panel-title>
            {{item.title}}
          </mat-panel-title>
        </mat-expansion-panel-header>
        <div class="zlyt-image-process-type-collection">
          <ng-container *ngFor="let child of item.children;let i=index">
            <div class="zlyt-image-process-type" matRipple (click)="handleItemClick(child.type)"
              [ngClass]="{active:child.type===activeItem}">
              <span>{{child.title}}</span>
            </div>
          </ng-container>
        </div>
      </mat-expansion-panel>
    </ng-container>
  </mat-accordion>
</section>
<section mat-dialog-actions>
  <span class="zlyt-spacer"></span>
  <button mat-flat-button mat-dialog-close>关闭</button>
  <button mat-flat-button color="primary" [mat-dialog-close]="activeItem" >确定</button>
</section>